<template>
  <div>
    <div class="equchck">
      <div class="equchck_serch">
        <el-form class="table_serch">
          <div class="table_serch_labe" style="margin-left: 0px">
            <div class="table_serch_labe_title">机种</div>
            <Ariplandown
              :modlulist="modlulist"
              :formInline="formInline"
            ></Ariplandown>
          </div>

          <div class="table_serch_labe" style="margin-left: 0px">
            <div class="table_serch_labe_title">设备</div>
            <el-form-item label="">
              <el-select
                v-model="formInline.site"
                clearable
                size="mini"
                style="margin-left: 5px; margin-top: 0px; width: 140px"
                placeholder="请选择内容"
              >
                <el-option label="AFI" value="AFI"></el-option>
                <el-option label="ABI" value="ABI"></el-option>
              </el-select>
            </el-form-item>
          </div>

          <div class="table_serch_labe" style="margin-left: 0px">
            <div class="table_serch_labe_title">起始日期</div>
            <el-form-item label="">
              <StartTime :formInline="formInline"></StartTime>
            </el-form-item>
          </div>

          <div class="table_serch_labe" style="margin-left: 0px">
            <div class="table_serch_labe_title">结束日期</div>
            <el-form-item label="">
              <Endtime :formInline="formInline"></Endtime>
            </el-form-item>
          </div>

          <div class="table_serch_labe">
            <el-button
              type="primary"
              size="mini"
              style="height: 30px; margin-top: 5px"
              @click="ecqueclick"
              >查询</el-button
            >
          </div>

          <!-- 文件上传 -->
          <div class="up-lad_btn" style="margin-left:5px">
            <el-upload
              ref="upload"
              action="#"
              :limit="limitNum"
              :auto-upload="false"
              accept=".xlsx"
              multiple
              :data="this.formInline"
              :before-upload="beforeUpload"
              :http-request="uploadFile"
              :on-preview="handlePreview"
              :on-exceed="handleExceed"
              :on-remove="handleRemove"
              :on-change="handleChange"
              :file-list="formInline.fileList"
            >
              <el-button
                size="small"
                type="primary"
                class="el-upload__tip"
                style="height: 30px; margin-top: 15px"
                >上传产品二维码</el-button
              >
            </el-upload>
          </div>

          <div style="margin-top: 10px;margin-left:5px" >
            <Dowtemplte :DowUrl="DowUrl"></Dowtemplte>
          </div>

          <div class="table_serch_labe">
            <el-button
              type="primary"
              size="mini"
              style="height: 30px; margin-top: 5px"
              @click="getoverData"
              >导出过检excel</el-button
            >
          </div>

          <div class="table_serch_labe">
            <el-button
              type="primary"
              size="mini"
              style="height: 30px; margin-top: 5px"
              @click="misGetcont"
              >导出漏检excel</el-button
            >
          </div>
        </el-form>
      </div>
      <!-- 柱状图展示部分 -->
      <div class="equchck_bar">
        <div id="equchck_bar_box"></div>
        <!-- <div id="equchck_mis_box"></div> -->
      </div>

      <!-- 隐藏表格1 导出 -->
      <div>
        <el-table
          v-show="TableShow"
          class="tablelist_table2"
          :data="this.tablelist.slice(1)"
          size="mini"
          border
          highlight-current-row
          :row-style="{ height: '10px' }"
          style="font-size: 9px"
        >
          <el-table-column
            v-for="(item, index) in this.listdata[0]"
            :key="index"
            :label="item"
            :prop="item"
          >
          </el-table-column>
        </el-table>
      </div>

      <div>
        <el-table
          v-show="TableShow"
          class="tablelist_table3"
          :data="this.tablelist2.slice(1)"
          size="mini"
          border
          highlight-current-row
          :row-style="{ height: '10px' }"
          style="font-size: 9px"
        >
          <el-table-column
            v-for="(item, index) in this.listdata2[0]"
            :key="index"
            :label="item"
            :prop="item"
          >
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
import FileSaver from "file-saver";
import XLSX from "xlsx";
// import Siteandown from '../../../components/siteandown/Siteandown'
import Endtime from "../../../components/endTime/Endtime";
import StartTime from "../../../components/StarTime/StartTime";
import Dowtemplte from "../../../components/Dowtemplate/Dowtemplate";
import Ariplandown from "../../../components/Airplandown/Airplandown";
export default {
  components: {
    Dowtemplte,
    Ariplandown,
    StartTime,
    Endtime,
  },
  data() {
    return {
      // Tableshow2:false,
      DowUrl: "/file/local?filename=templates/1016.xlsx",
      TableShow: false,
      restaurants: [],
      formInline: {
        recipe: "",
        site: "",
        starttime: "",
        endtime: "",
        filename: "",
      },
      limitNum: 1,
      listbar: [],
      listmis: [],
      modlulist: [],
      sitedrwn: [],
      tablelist: [],
      listdata: [],
      tablelist2: [],
      listdata2: [],
      caChe_key: "",
      title: [],
      num: "",
      caChe_key2: "",
      title2: [],
      num2: "",
      listmis1: [],
      listmis2: [],
      mis1: [
        { key: "01", val: 0.3 },
        { key: "02", val: 1.57 },
        { key: "03", val: 2.7 },
        { key: "04", val: 1.57 },
        { key: "05", val: 1.7 },
        { key: "06", val: 1.57 },
        { key: "07", val: 2.7 },
        { key: "08", val: 1.57 },
        { key: "09", val: 1.7 },
      ],
      mis2: [
        { key: "01", val: 0.3 },
        { key: "02", val: 1.57 },
        { key: "03", val: 2.7 },
        { key: "04", val: 0.57 },
        { key: "05", val: 1.7 },
        { key: "06", val: 0.57 },
        { key: "07", val: 2.7 },
        { key: "08", val: 1.57 },
        { key: "09", val: 1.7 },
      ],
      mis3: [
        { key: "01", val: 0.3 },
        { key: "02", val: 1.57 },
        { key: "03", val: 2.7 },
        { key: "04", val: 1.57 },
        { key: "05", val: 2.7 },
        { key: "06", val: 1.57 },
        { key: "07", val: 2.7 },
        { key: "08", val: 0.57 },
        { key: "09", val: 1.7 },
      ],
      over: [
        { key: "01", val: 10.3 },
        { key: "02", val: 11.57 },
        { key: "03", val: 32.7 },
        { key: "04", val: 16.57 },
        { key: "05", val: 12.7 },
        { key: "06", val: 16.57 },
        { key: "07", val: 32.7 },
        { key: "08", val: 16.57 },
        { key: "09", val: 12.7 },
      ],
    };
  },
  //misData
  mounted() {
    this.getModelnolist();
    
 
    // this.eqchenbar();
  },
  methods: {
    ///过检设备
    getoverData() {
      if (this.listbar.length) {
        if (this.formInline.site == "") {
          this.$message({
            showClose: true,
            message: "设备不能为空",
            type: "warning",
          });
        } else if (this.formInline.starttime == "") {
          this.$message({
            showClose: true,
            message: "起始日期不能为空",
            type: "warning",
          });
        } else if (this.formInline.endtime == "") {
          this.$message({
            showClose: true,
            message: "结束不能为空",
            type: "warning",
          });
        } else if (this.formInline.endtime < this.formInline.starttime) {
          this.$message({
            showClose: true,
            message: "结束日期不能小于起始日期",
            type: "warning",
          });
        } else {
          this.ajax
            .get(
              `prod/1026?starttime=${this.formInline.starttime}&endtime=${this.formInline.endtime}&recipe=${this.formInline.recipe}&site=${this.formInline.site}`
            )
            .then((res) => {
              this.caChe_key = res.data.OverData.cache_key;
              this.title = res.data.OverData.heads[0];
              this.num = res.data.OverData.row_num;
              var url = `rtable/rk?page=1&cpp=${this.num}`;
              var besurl = url.replace("rk", this.caChe_key);
              this.ajax({
                url: besurl,
                method: "GET",
              }).then((res) => {
                res.data.unshift(this.title);
                if (res.status == 200) {
                  console.log("11111111111111", res.data);
                  this.listdata = res.data;
                  // console.log('11111111111111返回表格',this.listdata)
                  this.Tabudataparsing();
                  this.$nextTick(function () {
                    let wb = XLSX.utils.table_to_book(
                      document.querySelector(".tablelist_table2")
                    );
                    let wbout = XLSX.write(wb, {
                      bookType: "xlsx",
                      bookSST: true,
                      type: "array",
                    });
                    try {
                      FileSaver.saveAs(
                        new Blob([wbout], { type: "application/octet-stream" }),
                        "过检信息.xlsx"
                      );
                    } catch (e) {
                      if (typeof console !== "undefined") console.log(e, wbout);
                    }
                    return wbout;
                  });
                }
              });
            });
        }
      } else {
        this.$message({
          showClose: true,
          message: "请先查询数据",
          type: "warning",
        });
      }
    },

    /////漏检设备
    misGetcont() {
      if (this.listbar.length) {
        if (this.formInline.site == "") {
          this.$message({
            showClose: true,
            message: "设备不能为空",
            type: "warning",
          });
        } else if (this.formInline.starttime == "") {
          this.$message({
            showClose: true,
            message: "起始日期不能为空",
            type: "warning",
          });
        } else if (this.formInline.endtime == "") {
          this.$message({
            showClose: true,
            message: "结束日期不能为空",
            type: "warning",
          });
        } else if (this.formInline.endtime < this.formInline.starttime) {
          this.$message({
            showClose: true,
            message: "结束日期不能小于起始日期",
            type: "warning",
          });
        } else {
          this.ajax
            .get(
              `prod/1026?starttime=${this.formInline.starttime}&endtime=${this.formInline.endtime}&recipe=${this.formInline.recipe}&site=${this.formInline.site}`
            )
            .then((res) => {
              this.caChe_key2 = res.data.misData.cache_key;
              this.title2 = res.data.misData.heads[0];
              this.num2 = res.data.misData.row_num;
              var url = `rtable/rk?page=1&cpp=${this.num2}`;
              var besurl = url.replace("rk", this.caChe_key2);
              this.ajax({
                url: besurl,
                method: "GET",
              }).then((res) => {
                console.log(res.data);
                res.data.unshift(this.title2);
                if (res.status == 200) {
                  this.listdata2 = res.data;
                  this.Tabudataparsing2();
                  this.$nextTick(function () {
                    let wb = XLSX.utils.table_to_book(
                      document.querySelector(".tablelist_table3")
                    );
                    let wbout = XLSX.write(wb, {
                      bookType: "xlsx",
                      bookSST: true,
                      type: "array",
                    });
                    try {
                      FileSaver.saveAs(
                        new Blob([wbout], { type: "application/octet-stream" }),
                        "漏检信息.xlsx"
                      );
                    } catch (e) {
                      if (typeof console !== "undefined") console.log(e, wbout);
                    }
                    return wbout;
                  });
                }
              });
            });
        }
      } else {
        this.$message({
          showClose: true,
          message: "请先查询数据",
          type: "warning",
        });
      }
    },

    Tabudataparsing() {
      this.tablelist = [];
      // console.log("------------------------", this.listdata);
      var titlelist = this.listdata[0];
      var a = titlelist[0];
      var b = titlelist[1];
      var c = titlelist[2];
      var d = titlelist[3];
      var e = titlelist[4];
      var f = titlelist[5];
      var g = titlelist[6];
      var h = titlelist[7];
      var io = titlelist[8];
      var j = titlelist[9];
      var k = titlelist[10];
      var L = titlelist[11];
      var m = titlelist[12];
      var n = titlelist[13];
      var o = titlelist[14];
      var p = titlelist[15];
      var q = titlelist[16];
      var r = titlelist[17];
      var s = titlelist[18];
      var t = titlelist[19];
      var u = titlelist[20];
      var v = titlelist[21];
      var w = titlelist[22];
      var x = titlelist[23];
      var y = titlelist[24];
      var z = titlelist[25];
      if (this.listdata[0].length == 2) {
        for (let i = 1; i < this.listdata.length; i++) {
          var objon = {};
          objon[a] = this.listdata[i][0];
          objon[b] = this.listdata[i][1];
          this.tablelist.push(objon);
        }
      } else if (this.listdata[0].length == 3) {
        for (let i = 1; i < this.listdata.length; i++) {
          var obj0 = {};
          obj0[a] = this.listdata[i][0];
          obj0[b] = this.listdata[i][1];
          obj0[c] = this.listdata[i][2];
          // obj[d] = this.bartable[i][3];
          this.tablelist.push(obj0);
        }
      } else if (this.listdata[0].length == 4) {
        for (let i = 1; i < this.listdata.length; i++) {
          var obj = {};
          obj[a] = this.listdata[i][0];
          obj[b] = this.listdata[i][1];
          obj[c] = this.listdata[i][2];
          obj[d] = this.listdata[i][3];
          this.tablelist.push(obj);
        }
      } else if (this.listdata[0].length == 5) {
        for (let i = 1; i < this.listdata.length; i++) {
          var obj1 = {};
          obj1[a] = this.listdata[i][0];
          obj1[b] = this.listdata[i][1];
          obj1[c] = this.listdata[i][2];
          obj1[d] = this.listdata[i][3];
          obj1[e] = this.listdata[i][4];
          this.tablelist.push(obj1);
        }
      } else if (this.listdata[0].length == 6) {
        for (let i = 1; i < this.listdata.length; i++) {
          var obj2 = {};
          obj2[a] = this.listdata[i][0];
          obj2[b] = this.listdata[i][1];
          obj2[c] = this.listdata[i][2];
          obj2[d] = this.listdata[i][3];
          obj2[e] = this.listdata[i][4];
          obj2[f] = this.listdata[i][5];
          this.tablelist.push(obj2);
        }
      } else if (this.listdata[0].length == 7) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj3 = {};
          obj3[a] = this.listdata[i][0];
          obj3[b] = this.listdata[i][1];
          obj3[c] = this.listdata[i][2];
          obj3[d] = this.listdata[i][3];
          obj3[e] = this.listdata[i][4];
          obj3[f] = this.listdata[i][5];
          obj3[g] = this.listdata[i][6];
          this.tablelist.push(obj3);
        }
      } else if (this.listdata[0].length == 8) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj4 = {};
          obj4[a] = this.listdata[i][0];
          obj4[b] = this.listdata[i][1];
          obj4[c] = this.listdata[i][2];
          obj4[d] = this.listdata[i][3];
          obj4[e] = this.listdata[i][4];
          obj4[f] = this.listdata[i][5];
          obj4[g] = this.listdata[i][6];
          obj4[h] = this.listdata[i][7];
          this.tablelist.push(obj4);
        }
      } else if (this.listdata[0].length == 9) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj5 = {};
          obj5[a] = this.listdata[i][0];
          obj5[b] = this.listdata[i][1];
          obj5[c] = this.listdata[i][2];
          obj5[d] = this.listdata[i][3];
          obj5[e] = this.listdata[i][4];
          obj5[f] = this.listdata[i][5];
          obj5[g] = this.listdata[i][6];
          obj5[h] = this.listdata[i][7];
          obj5[io] = this.listdata[i][8];
          this.tablelist.push(obj5);
        }
      } else if (this.listdata[0].length == 10) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj6 = {};
          obj6[a] = this.listdata[i][0];
          obj6[b] = this.listdata[i][1];
          obj6[c] = this.listdata[i][2];
          obj6[d] = this.listdata[i][3];
          obj6[e] = this.listdata[i][4];
          obj6[f] = this.listdata[i][5];
          obj6[g] = this.listdata[i][6];
          obj6[h] = this.listdata[i][7];
          obj6[io] = this.listdata[i][8];
          obj6[j] = this.listdata[i][9];
          this.tablelist.push(obj6);
        }
      } else if (this.listdata[0].length == 11) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj7 = {};
          obj7[a] = this.listdata[i][0];
          obj7[b] = this.listdata[i][1];
          obj7[c] = this.listdata[i][2];
          obj7[d] = this.listdata[i][3];
          obj7[e] = this.listdata[i][4];
          obj7[f] = this.listdata[i][5];
          obj7[g] = this.listdata[i][6];
          obj7[h] = this.listdata[i][7];
          obj7[io] = this.listdata[i][8];
          obj7[j] = this.listdata[i][9];
          obj7[k] = this.listdata[i][10];
          this.tablelist.push(obj7);
        }
      } else if (this.listdata[0].length == 12) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj8 = {};
          obj8[a] = this.listdata[i][0];
          obj8[b] = this.listdata[i][1];
          obj8[c] = this.listdata[i][2];
          obj8[d] = this.listdata[i][3];
          obj8[e] = this.listdata[i][4];
          obj8[f] = this.listdata[i][5];
          obj8[g] = this.listdata[i][6];
          obj8[h] = this.listdata[i][7];
          obj8[io] = this.listdata[i][8];
          obj8[j] = this.listdata[i][9];
          obj8[k] = this.listdata[i][10];
          obj8[L] = this.listdata[i][11];
          this.tablelist.push(obj8);
        }
      } else if (this.listdata[0].length == 13) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj9 = {};
          obj9[a] = this.listdata[i][0];
          obj9[b] = this.listdata[i][1];
          obj9[c] = this.listdata[i][2];
          obj9[d] = this.listdata[i][3];
          obj9[e] = this.listdata[i][4];
          obj9[f] = this.listdata[i][5];
          obj9[g] = this.listdata[i][6];
          obj9[h] = this.listdata[i][7];
          obj9[io] = this.listdata[i][8];
          obj9[j] = this.listdata[i][9];
          obj9[k] = this.listdata[i][10];
          obj9[L] = this.listdata[i][11];
          obj9[m] = this.listdata[i][12];
          this.tablelist.push(obj9);
        }
      } else if (this.listdata[0].length == 14) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj10 = {};
          obj10[a] = this.listdata[i][0];
          obj10[b] = this.listdata[i][1];
          obj10[c] = this.listdata[i][2];
          obj10[d] = this.listdata[i][3];
          obj10[e] = this.listdata[i][4];
          obj10[f] = this.listdata[i][5];
          obj10[g] = this.listdata[i][6];
          obj10[h] = this.listdata[i][7];
          obj10[io] = this.listdata[i][8];
          obj10[j] = this.listdata[i][9];
          obj10[k] = this.listdata[i][10];
          obj10[L] = this.listdata[i][11];
          obj10[m] = this.listdata[i][12];
          obj10[n] = this.listdata[i][13];
          this.tablelist.push(obj10);
        }
      } else if (this.listdata[0].length == 15) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj11 = {};
          obj11[a] = this.listdata[i][0];
          obj11[b] = this.listdata[i][1];
          obj11[c] = this.listdata[i][2];
          obj11[d] = this.listdata[i][3];
          obj11[e] = this.listdata[i][4];
          obj11[f] = this.listdata[i][5];
          obj11[g] = this.listdata[i][6];
          obj11[h] = this.listdata[i][7];
          obj11[io] = this.listdata[i][8];
          obj11[j] = this.listdata[i][9];
          obj11[k] = this.listdata[i][10];
          obj11[L] = this.listdata[i][11];
          obj11[m] = this.listdata[i][12];
          obj11[n] = this.listdata[i][13];
          obj11[o] = this.listdata[i][14];
          this.tablelist.push(obj11);
        }
      } else if (this.listdata[0].length == 16) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj12 = {};
          obj12[a] = this.listdata[i][0];
          obj12[b] = this.listdata[i][1];
          obj12[c] = this.listdata[i][2];
          obj12[d] = this.listdata[i][3];
          obj12[e] = this.listdata[i][4];
          obj12[f] = this.listdata[i][5];
          obj12[g] = this.listdata[i][6];
          obj12[h] = this.listdata[i][7];
          obj12[io] = this.listdata[i][8];
          obj12[j] = this.listdata[i][9];
          obj12[k] = this.listdata[i][10];
          obj12[L] = this.listdata[i][11];
          obj12[m] = this.listdata[i][12];
          obj12[n] = this.listdata[i][13];
          obj12[o] = this.listdata[i][14];
          obj12[p] = this.listdata[i][15];
          this.tablelist.push(obj12);
        }
      } else if (this.listdata[0].length == 17) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj13 = {};
          obj13[a] = this.listdata[i][0];
          obj13[b] = this.listdata[i][1];
          obj13[c] = this.listdata[i][2];
          obj13[d] = this.listdata[i][3];
          obj13[e] = this.listdata[i][4];
          obj13[f] = this.listdata[i][5];
          obj13[g] = this.listdata[i][6];
          obj13[h] = this.listdata[i][7];
          obj13[io] = this.listdata[i][8];
          obj13[j] = this.listdata[i][9];
          obj13[k] = this.listdata[i][10];
          obj13[L] = this.listdata[i][11];
          obj13[m] = this.listdata[i][12];
          obj13[n] = this.listdata[i][13];
          obj13[o] = this.listdata[i][14];
          obj13[p] = this.listdata[i][15];
          obj13[q] = this.listdata[i][16];
          this.tablelist.push(obj13);
        }
      } else if (this.listdata[0].length == 18) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj14 = {};
          obj14[a] = this.listdata[i][0];
          obj14[b] = this.listdata[i][1];
          obj14[c] = this.listdata[i][2];
          obj14[d] = this.listdata[i][3];
          obj14[e] = this.listdata[i][4];
          obj14[f] = this.listdata[i][5];
          obj14[g] = this.listdata[i][6];
          obj14[h] = this.listdata[i][7];
          obj14[io] = this.listdata[i][8];
          obj14[j] = this.listdata[i][9];
          obj14[k] = this.listdata[i][10];
          obj14[L] = this.listdata[i][11];
          obj14[m] = this.listdata[i][12];
          obj14[n] = this.listdata[i][13];
          obj14[o] = this.listdata[i][14];
          obj14[p] = this.listdata[i][15];
          obj14[q] = this.listdata[i][16];
          obj14[r] = this.listdata[i][17];
          this.tablelist.push(obj14);
        }
      } else if (this.listdata[0].length == 19) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj15 = {};
          obj15[a] = this.listdata[i][0];
          obj15[b] = this.listdata[i][1];
          obj15[c] = this.listdata[i][2];
          obj15[d] = this.listdata[i][3];
          obj15[e] = this.listdata[i][4];
          obj15[f] = this.listdata[i][5];
          obj15[g] = this.listdata[i][6];
          obj15[h] = this.listdata[i][7];
          obj15[io] = this.listdata[i][8];
          obj15[j] = this.listdata[i][9];
          obj15[k] = this.listdata[i][10];
          obj15[L] = this.listdata[i][11];
          obj15[m] = this.listdata[i][12];
          obj15[n] = this.listdata[i][13];
          obj15[o] = this.listdata[i][14];
          obj15[p] = this.listdata[i][15];
          obj15[q] = this.listdata[i][16];
          obj15[r] = this.listdata[i][17];
          obj15[s] = this.listdata[i][18];
          this.tablelist.push(obj15);
        }
      } else if (this.listdata[0].length == 20) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj16 = {};
          obj16[a] = this.listdata[i][0];
          obj16[b] = this.listdata[i][1];
          obj16[c] = this.listdata[i][2];
          obj16[d] = this.listdata[i][3];
          obj16[e] = this.listdata[i][4];
          obj16[f] = this.listdata[i][5];
          obj16[g] = this.listdata[i][6];
          obj16[h] = this.listdata[i][7];
          obj16[io] = this.listdata[i][8];
          obj16[j] = this.listdata[i][9];
          obj16[k] = this.listdata[i][10];
          obj16[L] = this.listdata[i][11];
          obj16[m] = this.listdata[i][12];
          obj16[n] = this.listdata[i][13];
          obj16[o] = this.listdata[i][14];
          obj16[p] = this.listdata[i][15];
          obj16[q] = this.listdata[i][16];
          obj16[r] = this.listdata[i][17];
          obj16[s] = this.listdata[i][18];
          obj16[t] = this.listdata[i][19];
          this.tablelist.push(obj16);
        }
      } else if (this.listdata[0].length == 21) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj17 = {};
          obj17[a] = this.listdata[i][0];
          obj17[b] = this.listdata[i][1];
          obj17[c] = this.listdata[i][2];
          obj17[d] = this.listdata[i][3];
          obj17[e] = this.listdata[i][4];
          obj17[f] = this.listdata[i][5];
          obj17[g] = this.listdata[i][6];
          obj17[h] = this.listdata[i][7];
          obj17[io] = this.listdata[i][8];
          obj17[j] = this.listdata[i][9];
          obj17[k] = this.listdata[i][10];
          obj17[L] = this.listdata[i][11];
          obj17[m] = this.listdata[i][12];
          obj17[n] = this.listdata[i][13];
          obj17[o] = this.listdata[i][14];
          obj17[p] = this.listdata[i][15];
          obj17[q] = this.listdata[i][16];
          obj17[r] = this.listdata[i][17];
          obj17[s] = this.listdata[i][18];
          obj17[t] = this.listdata[i][19];
          obj17[u] = this.listdata[i][20];
          this.tablelist.push(obj17);
        }
      } else if (this.listdata[0].length == 22) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj18 = {};
          obj18[a] = this.listdata[i][0];
          obj18[b] = this.listdata[i][1];
          obj18[c] = this.listdata[i][2];
          obj18[d] = this.listdata[i][3];
          obj18[e] = this.listdata[i][4];
          obj18[f] = this.listdata[i][5];
          obj18[g] = this.listdata[i][6];
          obj18[h] = this.listdata[i][7];
          obj18[io] = this.listdata[i][8];
          obj18[j] = this.listdata[i][9];
          obj18[k] = this.listdata[i][10];
          obj18[L] = this.listdata[i][11];
          obj18[m] = this.listdata[i][12];
          obj18[n] = this.listdata[i][13];
          obj18[o] = this.listdata[i][14];
          obj18[p] = this.listdata[i][15];
          obj18[q] = this.listdata[i][16];
          obj18[r] = this.listdata[i][17];
          obj18[s] = this.listdata[i][18];
          obj18[t] = this.listdata[i][19];
          obj18[u] = this.listdata[i][20];
          obj18[v] = this.listdata[i][21];
          this.tablelist.push(obj18);
        }
      } else if (this.listdata[0].length == 23) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj19 = {};
          obj19[a] = this.listdata[i][0];
          obj19[b] = this.listdata[i][1];
          obj19[c] = this.listdata[i][2];
          obj19[d] = this.listdata[i][3];
          obj19[e] = this.listdata[i][4];
          obj19[f] = this.listdata[i][5];
          obj19[g] = this.listdata[i][6];
          obj19[h] = this.listdata[i][7];
          obj19[io] = this.listdata[i][8];
          obj19[j] = this.listdata[i][9];
          obj19[k] = this.listdata[i][10];
          obj19[L] = this.listdata[i][11];
          obj19[m] = this.listdata[i][12];
          obj19[n] = this.listdata[i][13];
          obj19[o] = this.listdata[i][14];
          obj19[p] = this.listdata[i][15];
          obj19[q] = this.listdata[i][16];
          obj19[r] = this.listdata[i][17];
          obj19[s] = this.listdata[i][18];
          obj19[t] = this.listdata[i][19];
          obj19[u] = this.listdata[i][20];
          obj19[v] = this.listdata[i][21];
          obj19[w] = this.listdata[i][22];
          this.tablelist.push(obj19);
        }
      } else if (this.listdata[0].length == 24) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj20 = {};
          obj20[a] = this.listdata[i][0];
          obj20[b] = this.listdata[i][1];
          obj20[c] = this.listdata[i][2];
          obj20[d] = this.listdata[i][3];
          obj20[e] = this.listdata[i][4];
          obj20[f] = this.listdata[i][5];
          obj20[g] = this.listdata[i][6];
          obj20[h] = this.listdata[i][7];
          obj20[io] = this.listdata[i][8];
          obj20[j] = this.listdata[i][9];
          obj20[k] = this.listdata[i][10];
          obj20[L] = this.listdata[i][11];
          obj20[m] = this.listdata[i][12];
          obj20[n] = this.listdata[i][13];
          obj20[o] = this.listdata[i][14];
          obj20[p] = this.listdata[i][15];
          obj20[q] = this.listdata[i][16];
          obj20[r] = this.listdata[i][17];
          obj20[s] = this.listdata[i][18];
          obj20[t] = this.listdata[i][19];
          obj20[u] = this.listdata[i][20];
          obj20[v] = this.listdata[i][21];
          obj20[w] = this.listdata[i][22];
          obj20[x] = this.listdata[i][23];
          this.tablelist.push(obj20);
        }
      } else if (this.listdata[0].length == 25) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj21 = {};
          obj21[a] = this.listdata[i][0];
          obj21[b] = this.listdata[i][1];
          obj21[c] = this.listdata[i][2];
          obj21[d] = this.listdata[i][3];
          obj21[e] = this.listdata[i][4];
          obj21[f] = this.listdata[i][5];
          obj21[g] = this.listdata[i][6];
          obj21[h] = this.listdata[i][7];
          obj21[io] = this.listdata[i][8];
          obj21[j] = this.listdata[i][9];
          obj21[k] = this.listdata[i][10];
          obj21[L] = this.listdata[i][11];
          obj21[m] = this.listdata[i][12];
          obj21[n] = this.listdata[i][13];
          obj21[o] = this.listdata[i][14];
          obj21[p] = this.listdata[i][15];
          obj21[q] = this.listdata[i][16];
          obj21[r] = this.listdata[i][17];
          obj21[s] = this.listdata[i][18];
          obj21[t] = this.listdata[i][19];
          obj21[u] = this.listdata[i][20];
          obj21[v] = this.listdata[i][21];
          obj21[w] = this.listdata[i][22];
          obj21[x] = this.listdata[i][23];
          obj21[y] = this.listdata[i][24];
          this.tablelist.push(obj21);
        }
      } else if (this.listdata[0].length == 26) {
        for (let i = 0; i < this.listdata.length; i++) {
          var obj22 = {};
          obj22[a] = this.listdata[i][0];
          obj22[b] = this.listdata[i][1];
          obj22[c] = this.listdata[i][2];
          obj22[d] = this.listdata[i][3];
          obj22[e] = this.listdata[i][4];
          obj22[f] = this.listdata[i][5];
          obj22[g] = this.listdata[i][6];
          obj22[h] = this.listdata[i][7];
          obj22[io] = this.listdata[i][8];
          obj22[j] = this.listdata[i][9];
          obj22[k] = this.listdata[i][10];
          obj22[L] = this.listdata[i][11];
          obj22[m] = this.listdata[i][12];
          obj22[n] = this.listdata[i][13];
          obj22[o] = this.listdata[i][14];
          obj22[p] = this.listdata[i][15];
          obj22[q] = this.listdata[i][16];
          obj22[r] = this.listdata[i][17];
          obj22[s] = this.listdata[i][18];
          obj22[t] = this.listdata[i][19];
          obj22[u] = this.listdata[i][20];
          obj22[v] = this.listdata[i][21];
          obj22[w] = this.listdata[i][22];
          obj22[x] = this.listdata[i][23];
          obj22[y] = this.listdata[i][24];
          obj22[z] = this.listdata[i][25];
          this.tablelist.push(obj22);
        }
      }
    },

    ///漏检数据解析
    Tabudataparsing2() {
      this.tablelist2 = [];
      // console.log("------------------------", this.listdata);
      var titlelist = this.listdata2[0];
      var a = titlelist[0];
      var b = titlelist[1];
      var c = titlelist[2];
      var d = titlelist[3];
      var e = titlelist[4];
      var f = titlelist[5];
      var g = titlelist[6];
      var h = titlelist[7];
      var io = titlelist[8];
      var j = titlelist[9];
      var k = titlelist[10];
      var L = titlelist[11];
      var m = titlelist[12];
      //   var n = titlelist[13];
      //   var o = titlelist[14];
      //   var p = titlelist[15];
      //   var q = titlelist[16];
      //   var r = titlelist[17];
      //   var s = titlelist[18];
      //   var t = titlelist[19];
      //   var u = titlelist[20];
      //   var v = titlelist[21];
      //   var w = titlelist[22];
      //   var x = titlelist[23];
      //   var y = titlelist[24];
      //   var z = titlelist[25];
      if (this.listdata2[0].length == 2) {
        for (let i = 1; i < this.listdata2.length; i++) {
          var objon = {};
          objon[a] = this.listdata2[i][0];
          objon[b] = this.listdata2[i][1];
          this.tablelist2.push(objon);
        }
      } else if (this.listdata2[0].length == 3) {
        for (let i = 1; i < this.listdata2.length; i++) {
          var obj0 = {};
          obj0[a] = this.listdata2[i][0];
          obj0[b] = this.listdata2[i][1];
          obj0[c] = this.listdata2[i][2];
          // obj[d] = this.bartable[i][3];
          this.tablelist2.push(obj0);
        }
      } else if (this.listdata2[0].length == 4) {
        for (let i = 1; i < this.listdata2.length; i++) {
          var obj = {};
          obj[a] = this.listdata2[i][0];
          obj[b] = this.listdata2[i][1];
          obj[c] = this.listdata2[i][2];
          obj[d] = this.listdata2[i][3];
          this.tablelist2.push(obj);
        }
      } else if (this.listdata2[0].length == 5) {
        for (let i = 1; i < this.listdata2.length; i++) {
          var obj1 = {};
          obj1[a] = this.listdata2[i][0];
          obj1[b] = this.listdata2[i][1];
          obj1[c] = this.listdata2[i][2];
          obj1[d] = this.listdata2[i][3];
          obj1[e] = this.listdata2[i][4];
          this.tablelist2.push(obj1);
        }
      } else if (this.listdata2[0].length == 6) {
        for (let i = 1; i < this.listdata2.length; i++) {
          var obj2 = {};
          obj2[a] = this.listdata2[i][0];
          obj2[b] = this.listdata2[i][1];
          obj2[c] = this.listdata2[i][2];
          obj2[d] = this.listdata2[i][3];
          obj2[e] = this.listdata2[i][4];
          obj2[f] = this.listdata2[i][5];
          this.tablelist2.push(obj2);
        }
      } else if (this.listdata2[0].length == 7) {
        for (let i = 0; i < this.listdata2.length; i++) {
          var obj3 = {};
          obj3[a] = this.listdata2[i][0];
          obj3[b] = this.listdata2[i][1];
          obj3[c] = this.listdata2[i][2];
          obj3[d] = this.listdata2[i][3];
          obj3[e] = this.listdata2[i][4];
          obj3[f] = this.listdata2[i][5];
          obj3[g] = this.listdata2[i][6];
          this.tablelist2.push(obj3);
        }
      } else if (this.listdata2[0].length == 8) {
        for (let i = 0; i < this.listdata2.length; i++) {
          var obj4 = {};
          obj4[a] = this.listdata2[i][0];
          obj4[b] = this.listdata2[i][1];
          obj4[c] = this.listdata2[i][2];
          obj4[d] = this.listdata2[i][3];
          obj4[e] = this.listdata2[i][4];
          obj4[f] = this.listdata2[i][5];
          obj4[g] = this.listdata2[i][6];
          obj4[h] = this.listdata2[i][7];
          this.tablelist2.push(obj4);
        }
      } else if (this.listdata2[0].length == 9) {
        for (let i = 0; i < this.listdata2.length; i++) {
          var obj5 = {};
          obj5[a] = this.listdata2[i][0];
          obj5[b] = this.listdata2[i][1];
          obj5[c] = this.listdata2[i][2];
          obj5[d] = this.listdata2[i][3];
          obj5[e] = this.listdata2[i][4];
          obj5[f] = this.listdata2[i][5];
          obj5[g] = this.listdata2[i][6];
          obj5[h] = this.listdata2[i][7];
          obj5[io] = this.listdata2[i][8];
          this.tablelist2.push(obj5);
        }
      } else if (this.listdata2[0].length == 10) {
        for (let i = 0; i < this.listdata2.length; i++) {
          var obj6 = {};
          obj6[a] = this.listdata2[i][0];
          obj6[b] = this.listdata2[i][1];
          obj6[c] = this.listdata2[i][2];
          obj6[d] = this.listdata2[i][3];
          obj6[e] = this.listdata2[i][4];
          obj6[f] = this.listdata2[i][5];
          obj6[g] = this.listdata2[i][6];
          obj6[h] = this.listdata2[i][7];
          obj6[io] = this.listdata2[i][8];
          obj6[j] = this.listdata2[i][9];
          this.tablelist2.push(obj6);
        }
      } else if (this.listdata2[0].length == 11) {
        for (let i = 0; i < this.listdata2.length; i++) {
          var obj7 = {};
          obj7[a] = this.listdata2[i][0];
          obj7[b] = this.listdata2[i][1];
          obj7[c] = this.listdata2[i][2];
          obj7[d] = this.listdata2[i][3];
          obj7[e] = this.listdata2[i][4];
          obj7[f] = this.listdata2[i][5];
          obj7[g] = this.listdata2[i][6];
          obj7[h] = this.listdata2[i][7];
          obj7[io] = this.listdata2[i][8];
          obj7[j] = this.listdata2[i][9];
          obj7[k] = this.listdata2[i][10];
          this.tablelist2.push(obj7);
        }
      } else if (this.listdata2[0].length == 12) {
        for (let i = 0; i < this.listdata2.length; i++) {
          var obj8 = {};
          obj8[a] = this.listdata2[i][0];
          obj8[b] = this.listdata2[i][1];
          obj8[c] = this.listdata2[i][2];
          obj8[d] = this.listdata2[i][3];
          obj8[e] = this.listdata2[i][4];
          obj8[f] = this.listdata2[i][5];
          obj8[g] = this.listdata2[i][6];
          obj8[h] = this.listdata2[i][7];
          obj8[io] = this.listdata2[i][8];
          obj8[j] = this.listdata2[i][9];
          obj8[k] = this.listdata2[i][10];
          obj8[L] = this.listdata2[i][11];
          this.tablelist2.push(obj8);
        }
      } else if (this.listdata2[0].length == 13) {
        for (let i = 0; i < this.listdata2.length; i++) {
          var obj9 = {};
          obj9[a] = this.listdata2[i][0];
          obj9[b] = this.listdata2[i][1];
          obj9[c] = this.listdata2[i][2];
          obj9[d] = this.listdata2[i][3];
          obj9[e] = this.listdata2[i][4];
          obj9[f] = this.listdata2[i][5];
          obj9[g] = this.listdata2[i][6];
          obj9[h] = this.listdata2[i][7];
          obj9[io] = this.listdata2[i][8];
          obj9[j] = this.listdata2[i][9];
          obj9[k] = this.listdata2[i][10];
          obj9[L] = this.listdata2[i][11];
          obj9[m] = this.listdata2[i][12];
          this.tablelist2.push(obj9);
        }
      }
    },

    //数据请求
    ecqueclick() {
      if (this.formInline.site) {
        if (this.formInline.starttime == "") {
          this.$message({
            showClose: true,
            message: "起始日期不能为空",
            type: "warning",
          });
        } else if (this.formInline.endtime == "") {
          this.$message({
            showClose: true,
            message: "结束日期不能为空",
            type: "warning",
          });
        } else if (this.formInline.site == "") {
          this.$message({
            showClose: true,
            message: "设备不能为空",
            type: "warning",
          });
        } else {
         this.GetcenontList()
        }
      }else{
           if (this.formInline.filename == "") {
              this.$message({
                showClose: true,
                message: "请上传ID",
                type: "warning",
              });
            } else if (this.formInline.starttime == "") {
              this.$message({
                showClose: true,
                message: "起始日期不能为空",
                type: "warning",
              });
            } else if (this.formInline.endtime == "") {
              this.$message({
                showClose: true,
                message: "结束日期不能为空",
                type: "warning",
              });
            } else if (this.formInline.endtime < this.formInline.starttime) {
              this.$message({
                showClose: true,
                message: "结束日期不能小于起始日期",
                type: "warning",
              });
            } else {
                  //  console.log('222222222222222222')
                  this.GetcenontList()
           }
      }
    },

    GetcenontList() {
      this.ajax
        .get(
          `prod/1016?starttime=${this.formInline.starttime}&endtime=${this.formInline.endtime}&recipe=${this.formInline.recipe}&site=${this.formInline.site}&filename=${this.formInline.filename}`
        )
        .then((res) => {
          console.log(res.data);
          this.listbar = res.data.over;
          this.listmis = res.data.mis;
          this.listmis1 = res.data.mis1;
          this.listmis2 = res.data.mis2;
          // console.log(this.listbar);
          if (this.listbar.length) {
            this.eqchenbar();
          } else {
            this.$message({
              showClose: true,
              message: "数据返回为空，请重新重新请求",
              type: "error",
            });
            setTimeout(() => {
              this.$router.go(0);
            }, 300);
          }
        });
    },
    ///柱状图
    eqchenbar() {
      let eqchenbar = this.$echarts.init(
        document.getElementById("equchck_bar_box")
      );
      // this.listbar =  this.over;
      // this.listmis =  this.mis1;
      // this.listmis1 = this.mis2;
      // this.listmis2 = this.mis3;
      var dataname = [];
      var datanum = [];
      var datamis = [];
      var items1 = [];
      var items2 = [];
      var items3 = [];
      var numArr = [];
      // var numArr2 = [];
      for (let i = 0; i < this.listbar.length; i++) {
        dataname.push(this.listbar[i].key);
        datanum.push(this.listbar[i].val);
      }
      for (let i = 0; i < this.listmis.length; i++) {
        datamis.push(this.listmis[i].val);
      }

      for (let i = 0; i < this.listmis.length; i++) {
        var obj1 = {
          mis1: this.listmis[i].val,
        };
        items1.push(obj1);
      }

      for (let i = 0; i < this.listmis1.length; i++) {
        var obj2 = {
          mis2: this.listmis1[i].val,
        };
        items2.push(obj2);
      }

      for (let i = 0; i < this.listmis2.length; i++) {
        var obj3 = {
          mis3: this.listmis2[i].val,
        };
        items3.push(obj3);
      }

      var temp = items1.map((item, index) => {
        return {
          ...item,
          ...items2[index],
          ...items3[index],
        };
      });
      let num = 0;
      for (let i = 0; i < temp.length; i++) {
        var count = temp[i];
         num = Number(count.mis1)+ Number(count.mis2) + Number(count.mis3);
         numArr.push(num.toFixed(2))
      }
      var option = {
        title: [
          {
            text: "设备过漏检统计",
            x: "center",
            y: "5%",
            top: "2%",
            textStyle: {
              fontSize: 13,
              fontWeight: 100,
            },
          },
          {
            subtext: "纵轴单位(百分比)",
            subtextStyle: {
              align: "left",
              lineHeight: 66,
              fontSize: 10,
              padding: 15,
            },
          },
        ],
        color: ["#3398DB"],
        tooltip: {
          trigger: "item",
          formatter: function (data) {
            return data.seriesName + ":" + data.value + "%";
          },
          axisPointer: {
            // 坐标轴指示器，坐标轴触发有效
            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
          },
        },
        legend: {
          data: [
            "设备过检率",
            "设备漏检率",
            "Y1漏检率",
            "Y2漏检率",
            "设备过检率折线",
            "设备漏检率折线",
          ],
          // left: "85%",
          top: "5%",
        },
        grid: {
          left: "3%",
          right: "4%",
          bottom: "3%",
          containLabel: true,
        },
        xAxis: [
          {
            type: "category",
            data: dataname,
            axisLabel: {
              interval: 0,
              rotate: 60,
            },
            axisTick: {
              alignWithLabel: true,
            },
          },
        ],
        yAxis: [
          {
            type: "value",
            axisLabel: {
              formatter: "{value}%",
            },
          },
        ],
        series: [
          {
            name: "设备过检率",
            type: "bar",
            // stack:"ony",
            barWidth: "5%",
            data: datanum,
          },
          {
            name: "设备漏检率",
            type: "bar",
            stack: "ony",
            barWidth: "5%",
            data: datamis,
            itemStyle: {
              color: "#a90000",
            },
          },
          {
            name: "Y1漏检率",
            type: "bar",
            stack: "ony",
            barWidth: "5%",
            data: this.listmis1.map((item) => {
              return item.val;
            }),
            itemStyle: {
              color: "#FF9966",
            },
          },
          {
            name: "Y2漏检率",
            type: "bar",
            stack: "ony",
            barWidth: "5%",
            data: this.listmis2.map((item) => {
              return item.val;
            }),
            itemStyle: {
              color: "#9933CC",
            },
          },
          {
            name: "设备过检率折线",
            type: "line",
            label: {
              normal: {
                show: true,
                position: "top",
                //  formatter: "{a} <br/>{b}:({c}%)",
                formatter: function (params) {
                  //标签内容
                  return params.value + "%";
                },
              },
            },
            lineStyle: {
              normal: {
                type: "dashed",
                color: "#000",
              },
            },
            smooth: false,
            markPoint: {
              symbolOffset: ["70%", "90%"],
            },
            data: datanum,
          },
          {
            name: "设备漏检率折线",
            type: "line",
            label: {
              normal: {
                show: true,
                color: "red",
                position: "insideRight",
                //  formatter: "{a} <br/>{b}:({c}%)",
                formatter: function (params) {
                  //标签内容
                  return params.value + "%";
                },
              },
            },
            lineStyle: {
              normal: {
                type: "dashed",
                color: "red",
              },
            },
            smooth: false,
            markPoint: {
              symbolOffset: ["70%", "90%"],
            },
            data: numArr,
          },
        ],
      };
      window.onresize = function () {
        eqchenbar.resize();
      };
      eqchenbar.setOption(option);
    },

    getModelnolist() {
      this.ajax(`func/1023/selProductList`).then((res) => {
        if (res.status == 200) {
          // console.log(res.data)
          this.modlulist = res.data.product;
          // console.log(this.modlulist)
          this.sitedrwn = res.data.eqp;
        }
      });
    },

    loadAll() {
      // return [{ value: "", address: "" }];
    },

    // 上传文件之前的钩子, 参数为上传的文件,若返回 false 或者返回 Promise 且被 reject，则停止上传
    beforeUpload(file) {
      let extension = file.name.substring(file.name.lastIndexOf(".") + 1);
      let size = file.size / 1024 / 1024;
      if (extension !== "xlsx") {
        this.$message.warning("只能上传后缀是.xlsx的文件");
      }
      if (size > 10) {
        this.$message.warning("文件大小不得超过10M");
      }
    },

    // 文件状态改变
    handleChange(file, fileList) {
      this.fileList = fileList.slice(-3);
      this.formInline.filename = file.name;
      this.uploadfiles();
    },

    handleRemove(file, fileList) {
      console.log(file, fileList);
      // this.formInline.fileList.shift();
      this.formInline.filename = "";
      this.fileList.shift();
    },

    handlePreview(file) {
      console.log(file);
    },
    uploadFile(file) {
      this.formData.append("file", file.file);
    },

    //上传文件接口
    uploadfiles() {
      let files = new FormData();
      files.append("theme", this.theme);
      for (let i = 0; i < this.fileList.length; i++) {
        files.append("files", this.fileList[i].raw);
      }
      this.ajax.post("upload", files, {}).then((res) => {
        // console.log(res);
        if (res.status == 200) {
          this.$message({
            message: "文件上传成功",
            type: "success",
          });
        }
      });
    },
    // 文件超出个数限制
    handleExceed(files, fileList) {
      this.$message.warning(
        `只能选择 ${this.limitNum} 个文件，当前共选择了 ${
          files.length + fileList.length
        } 个`
      );
    },
  },
};
</script>

<style scoped>
.equchck {
  width: 100%;
}
.equchck_serch {
  width: 100%;
  /* border: 1px solid #000; */
  background: #ffffff;
  box-shadow: 0px 0px 0px 1.5px #c9c8c8;
  border-radius: 5px 5px 5px 5px;
}
.table_serch {
  display: flex;
  justify-content: space-between;
}
.table_serch_labe {
  /* border:1px solid #000; */
  height: 40px;
  display: flex;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.table_serch_labe_title {
  font-size: 11px;
  line-height: 40px;
}
.equchck_bar {
  width: 100%;
  margin-top: 30px;
  /* background: #ffffff; */
  /* border: 1px solid #000; */
  /* box-shadow: 0px 0px 0px 1.5px #c9c8c8; */
  /* border-radius: 5px 5px 5px 5px; */
}
#equchck_bar_box {
  width: 100%;
  height: 70vh;
  background: #ffffff;
  box-shadow: 0px 0px 0px 1.5px #c9c8c8;
  border-radius: 5px 5px 5px 5px;
}
#equchck_mis_box {
  width: 100%;
  height: 50vh;
  margin-top: 30px;
  background: #ffffff;
  box-shadow: 0px 0px 0px 1.5px #c9c8c8;
  border-radius: 5px 5px 5px 5px;
}
</style>